import React, {Component} from 'react'
import {
    StyleSheet, Text,
    View, TouchableOpacity,
    Dimensions, Image,
} from 'react-native'
import SpacingViews from "./SpacingViews";
let {height, width} = Dimensions.get('window');
export default class Neardyheader extends Component {
    constructor(props) {
        super(props)
        this.state = {}
    }

    render() {
        return (
            <View>
                <View style={style.shopheaderview}>
                    <TouchableOpacity>
                        <View style={style.headerviewleft}>
                            <Image source={require('../../img/Public/icon_food_merchant_address@2x.png')}/>
                            <Text>
                                福州 鼓楼
                            </Text>
                        </View>
                    </TouchableOpacity>
                    <TouchableOpacity style={style.shopheadersearch}>
                        <Image source={require('../../img/shop/search_icon.png')} style={style.shopheaderimage}/>
                        <Text style={style.shopheadertxt}>
                            找附近的吃喝玩乐
                        </Text>
                    </TouchableOpacity>
                </View>
              <View style={{backgroundColor:'#4444',width:width,height:1}}/>
            </View>
        );
    }
}
const style = StyleSheet.create({
    shopheaderview: {
        flexDirection: 'row',
        height: 50,
        backgroundColor: '#fff',
        justifyContent: 'center',
        alignItems: 'center',
    },
    headerviewleft: {
        flexDirection: 'row',
        height: 50,
        backgroundColor: '#fff',
        justifyContent: 'center',
        alignItems: 'center',
    },
    shopheadertxt: {
        marginLeft: 5
    },
    shopheaderimage: {
        height: 20,
        width: 20,
    },
    shopheadermsgimage: {
        height: 20,
        width: 20,
        marginLeft: 10,
    },
    shopheadersearch: {
        height: 30,
        borderRadius: 20,
        marginLeft: 10,
        width: width * 0.7,
        flexDirection: 'row',
        backgroundColor: '#eee',
        justifyContent: 'center',
        alignItems: 'center',
    },
});

module.exports = Neardyheader